<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Happy Pets 后台管理</title>

<!-- Bootstrap Core CSS -->
<link href="../bower_components/bootstrap/dist/css/bootstrap.min.css"
	rel="stylesheet">

<!-- MetisMenu CSS -->
<link href="../bower_components/metisMenu/dist/metisMenu.min.css"
	rel="stylesheet">

<!-- Custom CSS -->
<link href="../dist/css/sb-admin-2.css" rel="stylesheet">





<!-- Custom Fonts -->
<link href="../bower_components/font-awesome/css/font-awesome.min.css"
	rel="stylesheet" type="text/css">

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body>

	<div id="wrapper">

		<!-- Navigation -->
		<nav class="navbar navbar-default navbar-static-top" role="navigation"
			style="margin-bottom: 0">
			<div class="navbar-header">
				<button type="button" class="navbar-toggle" data-toggle="collapse"
					data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="navbar-brand" href="index.html">Happy Pet后台管理</a>
			</div>
			<!-- /.navbar-header -->
			<ul class="nav navbar-top-links navbar-right">


				<li class="dropdown"><a class="dropdown-toggle"
					data-toggle="dropdown" href="#"> <i class="fa fa-bell fa-fw"></i>
				</a></li>
				<!-- /.dropdown -->
				<li class="dropdown">
				<a class="dropdown-toggle"
					data-toggle="dropdown" href="#"> <i class="fa fa-user fa-fw"></i>
				</a>
				<ul class="dropdown-menu dropdown-user">
                            <li><a href="manager.html"><i class="fa fa-gear fa-fw"></i> 设置</a>
                            </li>
                            <li class="divider"></li>
                            <li ><a href="../../BLogout"><i class="fa fa-sign-out fa-fw"></i> 退出</a>
                            </li>
                  </ul>
				</li>
				<!-- /.dropdown -->
			</ul>
			<!-- /.navbar-top-links -->

			<div class="navbar-default sidebar" role="navigation">
				<div class="sidebar-nav navbar-collapse">
					<ul class="nav" id="side-menu">

						<li><a href="index.html"><i class="fa fa-dashboard fa-fw"></i> 主页</a>
						</li>

						<li class="power-1"><a href="#"><i class="fa fa-edit fa-fw"></i> 宠物管理<span
								class="fa arrow"></span></a>

							<ul class="nav nav-second-level" id="pets-manager-list">


							</ul> <!-- /.nav-second-level --></li>

						<li class="power-2"><a href="#"><i class="fa fa-dashboard fa-fw"></i>
								业务处理<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level">
								<li><a href="deal.html#2">订单处理</a></li>
							</ul> <!-- /.nav-second-level --></li>

						<li class="power-3"><a href="#"><i class="fa fa-bar-chart-o fa-fw"></i>
								营业分析<span class="fa arrow"></span></a>
							<ul class="nav nav-second-level">
								<li><a href="stats.html#1">收支查询及统计</a></li>
							</ul> <!-- /.nav-second-level --></li>

						<li class="power-4"><a href="user.html"><i class="fa fa-sitemap fa-fw"></i>
								会员管理</a></li>

						<li class="power-5"><a href="manager.html"><i class="fa fa-wrench fa-fw"></i>
								员工管理</a></li>




					</ul>
				</div>
				<!-- /.sidebar-collapse -->
			</div>
			<!-- /.navbar-static-side -->
		</nav>

		<!-- Page Content -->
		<div id="page-wrapper">
			<div class="container-fluid">
				<div class="row">
					<div class="col-lg-8">
						<!-- ================================================================================ -->


						<div class="panel-group" id="accordion">

							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordion"
											href="#collapse1"> 添加大类 </a>
									</h4>
								</div>
								<div id="collapse1" class="panel-collapse collapse in">
									<div class="panel-body">

										<div class="input-group input-group-sm">

											<select class="show-bigcategory form-control">
												
											</select> <br />

											<form id="add-newbig">
												<input type="text" class="form-control" placeholder="请输入"
													id="new-bigcategory" name="new-bigcategory" value="">
												<input type="text" name="flag" value="1"
													style="display: none"> <input type="button"
													class="add-new-bigcategory btn btn-lg btn-primary"
													value="确定">
											</form>
										</div>

									</div>
								</div>
							</div>

							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordion"
											href="#collapse2"> 添加小类 </a>
									</h4>
								</div>
								<div id="collapse2" class="panel-collapse collapse">
									<div class="panel-body">
										<!--  -->
										<div class="input-group input-group-sm">
											<form id="add-newsmall">

												<select class="show-bigcategory form-control"
													name="bigcategory">
													
												</select> <br /> <select class="show-smallcategory form-control">
													
												</select> <br /> <input type="text" class="form-control"
													placeholder="请输入" id="new-smallcategory"
													name="new-smallcategory" value=""> <input
													type="text" name="flag" value="2" style="display: none">
												<input type="button"
													class="add-new-smallcategory btn btn-lg  btn-primary"
													value="确定">
											</form>

										</div>



									</div>
								</div>
							</div>


							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordion"
											href="#collapse3"> 修改大类 </a>
									</h4>
								</div>
								<div id="collapse3" class="panel-collapse collapse">
									<div class="panel-body">


										<div class="input-group input-group-sm">
											<form id="up-big">
											<select class="show-bigcategory1 form-control" name="oldcategory">
												
											</select> <br />

											
												<input type="text" class="form-control" placeholder="请输入"
													id="update-big" name="update-bigcategory" value="">
												<input type="text" name="flag" value="3"
													style="display: none"> <input type="button"
													class="update-bigcategory btn btn-lg  btn-primary"
													value="确定">
													<input type="button"
													class="delete-bigcategory btn btn-lg"
													value="删除">
											</form>
										</div>
									</div>
								</div>
							</div>

							<div class="panel panel-default">
								<div class="panel-heading">
									<h4 class="panel-title">
										<a data-toggle="collapse" data-parent="#accordion"
											href="#collapse4"> 修改小类 </a>
									</h4>
								</div>
								<div id="collapse4" class="panel-collapse collapse">
									<div class="panel-body">

										<div class="input-group input-group-sm">
											<form id="up-small">
												<select class="show-bigcategory2 form-control"
													name="bigcategory">
													
												</select> <br /> <select class="show-smallcategory1 form-control" name="oldcategory">
													
												</select> <br /> <input type="text" class="form-control"
													placeholder="请输入" id="update-small"
													name="update-smallcategory" value=""> <input
													type="text" name="flag" value="4" style="display: none">
												<input type="button"
													class="update-smallcategory btn btn-lg btn-primary"
													value="确定">
												<input type="button"
													class="delete-smallcategory btn btn-lg "
													value="删除">
											</form>

										</div>

									</div>
								</div>
							</div>


						</div>

						<!-- =========================================================================== -->
					</div>
					<!-- /.col-lg-12 -->
				</div>
				<!-- /.row -->
			</div>
			<!-- /.container-fluid -->
		</div>
		<!-- /#page-wrapper -->

	</div>
	<!-- /#wrapper -->

	<!-- jQuery -->
	<script src="../bower_components/jquery/dist/jquery.min.js"></script>

	<!-- Bootstrap Core JavaScript -->
	<script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>

	<!-- Metis Menu Plugin JavaScript -->
	<script src="../bower_components/metisMenu/dist/metisMenu.min.js"></script>
	
	<!-- 修改 -->
	<script src="../js/show-list.js"></script>

	<!-- 修改 -->
	<script src="../js/update-category.js"></script>

	<!-- Custom Theme JavaScript -->
	<script src="../dist/js/sb-admin-2.js"></script>


	<script type="text/javascript">
		$(function() {

			function a() {
				$('#new-bigcategory').val($('.show-bigcategory').val());

				$('#new-smallcategory').val($('.show-smallcategory').val());
			}

			function b() {
				$('#update-big').val($('.show-bigcategory1').val());
				$('#update-small').val($('.show-smallcategory1').val());
			}

			$('.show-bigcategory').add($('.show-smallcategory')).change(
					function() {

						a();

					});

			$('.show-bigcategory1').add($('.show-smallcategory1')).change(
					function() {

						b();
					});

			a();
			b();

		})
	</script>

</body>

</html>
